<template>
<div class="user_header">
	<div class="user_header1">
		<div class="user_header2">
			<div class="user_header2_1"><img src="../../../../static/headerImg/headimg_01.png"/></div>
			<div class="user_header2_2">登录</div>
		</div>
		<div class="user_header3">
				<div class="user_header3_1">关注<span></span></div>
				<div class="user_header3_2"></div>
				<div class="user_header3_3">粉丝<span></span></div>
				<div class="user_header3_4">收藏<span></span></div>
				<div class="user_header3_2"></div>
				<div class="user_header3_5">消息<span></span></div>
				<div class="user_header3_2"></div>
				<div class="user_header3_6">可用积分<span></span></div>
		</div>
	</div>
</div>
</template>

<script>
	export default {
	  name: 'user_header',
  data () {
    return {
      
    }
  }
}
</script>

<style scoped>
	.user_header{
		width: 100%;
	}
	.user_header1{
		width: 92%;
		margin: auto;
	}
	.user_header2_1{
		width: 26.811%;
		margin: auto;
		padding-top: 5rem;
	}
	.user_header2_1 img{
		width: 100%;
	}
	.user_header2_2{
		width: 20.289%;
		height: 1.5rem;
		line-height: 1.5rem;
		text-align: center;
		border: 1px solid #c3ad88;
		border-radius: 0.5rem;
		margin: auto;
		margin-top: 1.2rem;
		color: #c3ad88;
	}
	.user_header3{
		width: 100%;
		height: 3rem;
		border-top: 1px solid #c5c4c4;
		border-bottom: 1px solid #c5c4c4;
		margin: auto;
		margin-top: 1rem;
	}
	.user_header3 div{
		display: inline-block;
		color: #898989;
	}
	.user_header3 span{
		margin-left: 0.5rem;
	}
	.user_header3 .user_header3_1,.user_header3_3{
		width: 48%;
		text-align: center;
		height: 3rem;
		line-height: 3rem;
	}
	.user_header3 .user_header3_2{
		width: 0.3%;
		height: 2rem;
		background-color: #c5c4c4;
		margin-top: 0.5rem;
		vertical-align: top;
	}
	.user_header3_4,.user_header3_5,.user_header3_6{
		width: 30.5%;
		height: 3rem;
		text-align: center;
		line-height: 3rem;
	}
</style>